// 侧边栏折叠
$("#list").click(function() {
    $(this).toggleClass("list1");
    let aside = $("#ltcms-aside");
    let section = document.getElementsByTagName("section")[0];
    let footer = document.getElementsByClassName("ltcms-footer")[0];
    if (aside.outerWidth() != 50) {
        aside.css({"min-width": "50px"});
        aside.css({"width": "50px"});
        section.style.width = "100%";
        footer.style.width = "calc(100% - 50px)";
        $(".first-menu-name").css({"display": "none"});
        $(".img").css({"display": "none"});
        $(".img1").css({"margin-left": "0px"});
        $(".list-title").removeClass("a");
        $(".first-menu").addClass("b");
        $('.first-menu ul li').slideUp();
        $(".first-menu-name").removeClass('active1');
        $(".img").removeClass('active3');
    }
    if (aside.innerWidth() == 50) {
        aside.css({"width": "170px"});
        section.style.width = "calc(100% - 170px)";
        footer.style.width = "calc(100% - 170px)";
        $(".first-menu-name").css({"display": "block"});
        $(".img").css({"display": "block"});
        $(".img1").css({"margin-left": "30px"});
        $(".list-title").addClass("a");
        $(".first-menu").removeClass("b");
        $(".active2").find("ul li").slideDown();
        $(".active2").find(".first-menu-name").addClass("active1");
        $(".active2").find(".img").addClass("active3");
    }
})

// 侧边栏二级菜单下拉
$(document).on("click",".a",function() {
    $(this).parent().find(".first-menu-name").toggleClass('active1');
    $(this).parent().toggleClass('active2');
    $(this).find(".img").toggleClass('active3');
    $(this).parent().find("ul li").slideToggle(300);
    $(".first-menu-name").not($(this).parent().find(".first-menu-name")).removeClass('active1');
    $(".first-menu").not($(this).parent()).removeClass('active2');
    $(".img").not($(this).find(".img")).removeClass('active3');
    $('.first-menu ul li').not($(this).parent().find("ul li")).slideUp(300);
})

$(document).on("mouseover", ".b", function() {
    var height = $(this).offset().top;
    $(this).find("ul li").css({"display": "list-item"});
    $(this).find("ul").addClass("active4");
    $(this).find(".active4").css({"top": height});
    var active4Top = $(this).find(".active4").offset().top;
    var active4 = $(this).find(".active4").outerHeight();
    var section = $("section").outerHeight();
    var bottom = section - active4 - active4Top;
    var top = section - active4 + 50;
    if (bottom < 0) {
        $(this).find(".active4").css({"top": top});
    }
})

$(document).on("mouseleave", ".b", function() {
    $(this).find("ul li").css({"display": "none"});
    $(this).find("ul").removeClass("active4");
})

// 鼠标悬停头像
$("#avator").hover(function() {
    $("#account").css({"display": "flex"});
}, function() {
    $("#account").css({"display": "none"});
})

// 修改密码
$("#reset_password").click(function() {
    $(".ltcms-reset").css({"display": "flex"});
    setTimeout(() => {
        $(".ltcms-reset").css({"opacity": "1"});
    }, .1);
})

$("#close").click(function() {
    $(".ltcms-reset").css({"opacity": "0"});
    setTimeout(() => {
        $(".ltcms-reset").css({"display": "none"});
    }, 400);
    $(".reset-content form input").val("");
    $(".tips").css({"display": "none"});
});

$("#cancel").click(function() {
    $(".ltcms-reset").css({"opacity": "0"});
    setTimeout(() => {
        $(".ltcms-reset").css({"display": "none"});
    }, 400);
    $(".reset-content form input").val("");
    $(".tips").css({"display": "none"});
})

$("#submit").click(function() {
    $(".ltcms-reset").css({"opacity": "0"});
    setTimeout(() => {
        $(".ltcms-reset").css({"display": "none"});
    }, 400);
    $(".reset-content form input").val("");
})

// 修改密码时判断新密码的二次验证
$(".new").blur(function() {
    var length = $(".new").val().length;
    if (length < 5 || length > 16) {
        $(".tips1").text("请填写5-16位字符，不能包含空格");
        $(".tips1").css({"display": "block"});
    } else {
        $(".tips1").css({"display": "none"});
    }
})

$(".again").blur(function() {
    if ($(".new").val() != $(".again").val()) {
        $(".tips2").text("两次密码不一致,请重新输入");
        $(".tips2").css({"display": "block"});
    }
})

